/* =====================================
Template Name: 	Ucorpa
Author Name: Nthemer
Description: Ucorpa is a Multipurpose Corporate HTML5 Theme.
Version:	1.1
========================================*/
/*======================================
[ CSS Table of contents ]
* Global CSS
* Header CSS
	+ Topbar
	+ Logo
	+ Widget
	+ Main Menu
	+ Search
* Hero Slider CSS
* Why Choose CSS
* services CSS
* About Us CSS
* Contributions CSS
* Experience CSS
* Projects CSS
	+ Latest Project CSS
	+ Projects Single CSS
* Pricing Table CSS
* Watch Video CSS
* Consultation CSS
* Testimonials CSS
* Blog CSS
	+ Latest Blog CSS
	+ Blog Archive CSS
	+ Blog Sidebar CSS
	+ Blog Single CSS
* Clients CSS
* Team CSS
* Footer  CSS
========================================*/
/*=============================
	Global CSS
===============================*/
* {
	padding: 0;
	margin-right: 0;
	margin-left: 0;
	margin-top: 0px;
	margin-bottom: 0px;
}

body {
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
	position: relative;
	color: #FFFFFF;
}

html,
body {
	height: 100%;
	margin: 0;
}

body {
	margin: 0;
}

img {}

p {
	color: #010101;
	margin-left: 10px;
}

.mobile-nav {
	display: none;
}

.table {
	display: table;
	width: 100%;
	height: 100%;
}

.table-cell {
	display: table-cell;
	vertical-align: middle;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 600;
	position: relative;
	margin-left: 0px;
	padding-left: 0px;

}

a:hover {
	text-decoration: none;
}

a,
button {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	outline: none;
	box-shadow: none;
	text-decoration: none;
}

.button .btn {
	position: relative;
	font-weight: 600;
	color: #fff;
	background: #0071b7;
	display: inline-block;
	border: none;
	padding: 0px 40px 0px 40px;0071b7
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	z-index: 5;
	display: inline-block;
	padding: 13px 32px;
	border-radius: 0px;
}
.zlj{
    height: 100px;
    /*text-align: left;*/
  
   
  
    
    
}
.zlj p{
    color: #000;
    /*font-weight: bold;*/
    font-size: 12px;
}
.fybq{

    margin: 0 auto;
    width: 300px;
    height: 50px;
    text-align: center;

   
  
}


#pagination-digg li { border:0; margin:0; padding:0; font-size:11px; list-style:none; /* savers */ float:left; }
#pagination-digg a { border:solid 1px #9aafe5; margin-right:2px; }
#pagination-digg .previous-off,#pagination-digg .next-off  { border:solid 1px #DEDEDE; color:#888888; display:block; float:left; font-weight:bold; margin-right:2px; padding:3px 4px; }
#pagination-digg .next a,#pagination-digg .previous a { font-weight:bold; }	
#pagination-digg .page-num-current { background:#2e6ab1; color:#FFFFFF; font-weight:bold; display:block; float:left; padding:4px 6px; /* savers */ margin-right:2px; }
#pagination-digg a:link,#pagination-digg a:visited { color:#0e509e; display:block; float:left; padding:3px 6px; text-decoration:none; }
#pagination-digg a:hover { border:solid 1px #0e509e; }
#pagination-digg a.page-num-current{color: #ffffff;}


fybq .h2{ clear:both; border:0; margin:0; padding-top:30px; font-size:13px; }
fybq .p{ border:0; margin:0; padding:0; padding-bottom:20px; }
fybq .ul{ border:0; margin:0; padding:0; }



.button .btn::before {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background: #FF0004;
	z-index: -1;
	border-radius: 0px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	height: 100%;
	transform: scaleX(0);
}

.button .btn:hover:before {
	transform: scaleX(1);
}

.overlay {
	position: relative;
}

.overlay:before {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background: #000;
	opacity: 0.6;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.table {
	display: table;
	width: 100%;
	height: 100%;
}

.table-cell {
	display: table-cell;
	vertical-align: middle;
}

.section {
	padding-right: 0;
	padding-left: 0;
	/* [disabled]padding-bottom: 100px; */
}

.section-title {
	text-align: center;
	margin-top: 25px;
	margin-bottom: 25px;
	
}

.section-title h2 {
	font-size: 30px;
	padding-bottom: 20px;
	margin-bottom: 20px;
	position: relative;
	color: #515151;
	font-weight: 700;
	padding-right: 0px;
	width: auto;
	padding-top: 0px;
	margin-top: 0px;
}

.section-title h2::before {
	content: "";
	width: 60px;
	height: 3px;
	position: absolute;
	bottom: -1.5px;
	background: #0071b7;
	margin-left: -30px;
	left: 50%;
}

.section-title h2::after {
	content: "";
	width: 5px;
	height: 3px;
	position: absolute;
	bottom: -1.5px;
	background: #fff;
	margin-left: 13px;
	left: 50%;
}

.section-title p {
	font-size: 14px;
	color: #666;
}

/* Bread Crumbs */
.breadcrumbs {
	background-image: url('../image/breadcum-bg.jpg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
	padding: 45px 0px;
}

.breadcrumbs .bread-inner {
	z-index: 22;
}

.breadcrumbs h2 {
	color: #fff;
	text-transform: capitalize;
	font-size: 25px;
	font-weight: 700;
	margin: 0;
	padding: 0;
	float: left;
}

.breadcrumbs .bread-list {
	border-radius: 3px;
	display: inline-block;
	float: right;
}

.breadcrumbs ul li {
	display: inline-block;
	position: relative;
}

.breadcrumbs ul li i {
	margin: 0px 10px;
	font-size: 11px;
	font-weight: 600;
	color: #fff;
}

.breadcrumbs ul li a {
	color: #fff;
	font-size: 15px;
	font-weight: 400;
	text-transform: capitalize;
}

.breadcrumbs ul li.active a {
	background: #27AE60;
	color: #fff;
	border-radius: 3px;
	padding: 6px 20px;
	display: inline-block;
}

.breadcrumbs ul li.active a:hover {
	background: #fff;
	color: #27AE60;
}


@-webkit-keyframes pulsate {
	0% {
		opacity: 0;
		-webkit-transform: scale(0.1);
		transform: scale(0.1);
	}

	50% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
	}
}

@keyframes pulsate {
	0% {
		opacity: 0;
		-webkit-transform: scale(0.1);
		transform: scale(0.1);
	}

	50% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
	}
}

#scrollUp {
	bottom: 15px;
	right: 15px;
	padding: 10px 20px;
	background: #27AE60;
	color: #fff;
	font-size: 22px;
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 42px;
	padding: 0;
}

#scrollUp:hover {
	background: #2C2D3F;
	bottom: 18px;
	-webkit-box-shadow: 0 14px 26px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 14px 26px rgba(0, 0, 0, 0.3);
	box-shadow: 0 14px 26px rgba(0, 0, 0, 0.3);
}

/*=============================
	End Global CSS
===============================*/

/*=============================
	Header CSS
===============================*/
.header {
	background-color:#0071b7;
	
}

.header .navbar-collapse {
	padding: 0;
}

.header .logo {
	margin-top: 8px;
}

/* Topbar */
.header .topbar {
	background-color: #F6F6F6;
	padding: 12px 0;
}

.header .single-top i {
	color: #27AE60;
}

.header .single-top p {
	color: #666;
}

.header .single-top a {
	display: inline-block;
	color: #666;
}

.header .single-top a:hover {
	color: #27AE60;
}

/* Middle Header */
.header .middle-header {
	background: #fff;
	padding-top: 10px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 10px;
}

.header .widget-main {
	float: right;
}

.header .single-widget {
	position: relative;
	float: left;
	margin-right: 30px;
	padding-left: 40px;
}

.header .single-widget:last-child {
	margin: 0;
}

.header .single-widget .logo {
	margin: 0;
	padding: 0;
	margin-top: 7px;
}

.header .single-widget i {
	position: absolute;
	left: 0;
	top: 0;
	height: 30px;
	width: 30px;
	line-height: 30px;
	color: #fff;
	background: #27AE60;
	border-radius: 100%;
	text-align: center;
	font-size: 15px;
}

.header .single-widget h4 {
	font-size: 15px;
	font-weight: 500;
}

.header .single-widget p {
	margin-bottom: 5px;
	text-transform: capitalize;
}

.header .single-widget.btn {
	margin-left: 0;
}

/* Main Menu */
.header .main-menu {
	/*background: #2c2d3f;*/
	z-index: 999;
	position: sticky;
	position: -webkit-sticky;
	top: 0px;
	
}

.header .navbar {
	background: none;
	box-shadow: none;
	border: none;
	margin: 0;
	height: 0px;
	min-height: 0px;
}

.header .nav li {
	float: left;
	position: relative;
	margin-right: 45px;
}

.header .nav li:last-child {
	margin: 0;
}

.header .nav li a {
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
	padding: 25px 22px;
	position: relative;
	display: inline-block;
	text-shadow: none;
	font-weight: 600;
}

.header .nav li.current a,
.header .nav li:hover a,
.header .nav li:focus a {
	background: #00a3e4;
	color: #fff;
}

/* Dropdown */
.header .nav li .dropdown {
	background: #2c2d3f;
	width: 220px;
	position: absolute;
	left: 0;
	z-index: 99;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;
	box-shadow: 0px 0px 5px #3333334d;
	transform-origin: 0 0 0;
	transform: scaleY(0.2);
}

.header .nav li:hover .dropdown {
	opacity: 1;
	visibility: visible;
	transform: translateY(0px);
}

.header .nav li .dropdown li {
	float: none;
	margin: 0;
}

.header .nav li .dropdown li a {
	padding: 12px 15px;
	font-weight: 400;
	color: #2C2D3F;
	display: block;
	background: #fff;
	position: relative;
	border-bottom: 1px solid #e5e5e5;
	text-transform: capitalize;
}

.header .nav li .dropdown li:last-child a {
	border: none;
}

.header .nav li .dropdown li a:before {
	position: absolute;
	content: "";
	right: 0;
	top: 0;
	height: 0%;
	width: 4px;
	background: #0071b7;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.header .nav li .dropdown li a:hover:before {
	height: 100%;
}

.header .nav li .dropdown li i {
	float: right;
}

.header .nav li .dropdown li:hover a {
	color: #27AE60;
}

/* Right Bar */
.header .right-bar {
	float: right;
}

.header .right-bar {
	padding-top: 20px;
}

.header .right-bar {
	display: inline-block;
}

.header .right-bar a {
	color: #27AE60;
	height: 30px;
	width: 30px;
	line-height: 30px;
	text-align: center;
	background: #fff;
	border-radius: 100%;
	display: block;
	font-size: 12px;
}

.header .right-bar li a:hover {
	color: #fff;
	background: #27AE60;
}

.header .search-top.active .search i:before {
	content: "\f00d";
}

/* Search */
.header .search-form {
	position: absolute;
	right: 0;
	z-index: 9999;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	top: 69px;
}

.header .search-top.active .search-form {
	opacity: 1;
	visibility: visible;
}

.header .search-form input {
	width: 282px;
	height: 45px;
	line-height: 45px;
	padding: 0 40px 0 20px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	border-radius: 3px;
	border: none;
	background: #fff;
	color: #2C2D3F;
}

.header .search-form button {
	position: absolute;
	right: 0;
	height: 45px;
	top: 0;
	width: 40px;
	background: #27AE60;
	border: none;
	color: #fff;
	border-radius: 0 3px 3px 0;
	border-left: 1px solid transparent;
}

.header .search-form button:hover {
	background: #fff;
	color: #27AE60;
	border-color: #e6e6e6;
}

/*=============================
	End Header CSS
===============================*/
/*=============================
	Slider CSS
===============================*/
.hero-slider {
	position: relative;
	height: 600px;
}

.hero-slider .container {
	overflow: hidden;
}

.hero-slider .single-slider {
	height: 600px;
	background-size: cover;
	background-position: center;
	text-align: center;
	position: relative;
}

.hero-slider .single-slider:before {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;

}

.hero-slider .single-slider .text {
	float: none;
	text-align: left;
	margin: 138px 0 0;
}

.hero-slider .single-slider .text h1 {
	color: #2c2d3f;
	font-size: 42px;
	text-transform: capitalize;
	font-weight: 800;
	margin-bottom: 30px;
	margin: 0;
	padding: 0;
	line-height: 50px;
}

.hero-slider .single-slider .text h1 span {
	color: #27AE60;
	text-shadow: 0px 0px 19px #ffffffb3;
}

.hero-slider .single-slider .text p {
	margin: 30px 0px;
	font-size: 15px;
}

.hero-slider .single-slider .button a:last-child {
	margin-right: 0px;
}

.hero-slider .single-slider .button .video {
	margin-left: 10px;
}

.hero-slider .single-slider .button .video i {
	height: 48px;
	width: 48px;
	line-height: 48px;
	text-align: center;
	color: #fff;
	background: #27AE60;
	border-radius: 100%;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	padding-left: 3px;
	font-size: 16px;
}

.hero-slider .single-slider .button .video:hover i {
	background: #2c2d3f;
	color: #fff;
}

/* Slider Dots */
.hero-slider .owl-dots {
	position: absolute;
	left: 50%;
	background: #fff;
	-webkit-box-shadow: 0px 0px 5px rgba(51, 51, 51, 0.5);
	-moz-box-shadow: 0px 0px 5px rgba(51, 51, 51, 0.5);
	box-shadow: 0px 0px 5px rgba(51, 51, 51, 0.5);
	bottom: -20px;
	margin-top: -47px;
	padding: 10px 25px;
	border-radius: 3px;
	margin: 0 0 0 -52px;
}

.hero-slider .owl-dots .owl-dot {
	display: inline-block;
	margin-right: 10px;
}

.hero-slider .owl-dots .owl-dot:last-child {
	margin: 0px;
}

.hero-slider .owl-dots .owl-dot span {
	width: 12px;
	height: 12px;
	display: block;
	border-radius: 100%;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	margin: 0;
	background: #0071b7;
	position: relative;
}

.hero-slider .owl-dots .owl-dot:hover span {
	border-color: transparent;
}

.hero-slider .owl-dots .owl-dot span::before {
	position: absolute;
	top: -2px;
	left: -2px;
	width: 16px;
	height: 16px;
	line-height: 16px;
	border: 1px solid;
	content: "";
	border-radius: 100%;
	color: #0071b7;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.hero-slider .owl-dots .owl-dot:hover span:before,
.hero-slider .owl-dots .owl-dot.active span:before {
	opacity: 1;
	visibility: visible;
}

/* Slider Animation */
.owl-item.active .text h1 {
	animation: fadeInLeft 1s both 0.6s;
}

.owl-item.active .text p {
	animation: fadeInLeft 1s both 1s;
}

.owl-item.active .text .button {
	animation: fadeInLeft 1s both 1.5s;
}

/*=============================
	End Slider CSS
===============================*/

/*=============================
	Our Features CSS
===============================*/
.features {
	background: #fff;
	height:700px;
}

.features .single-feature {
	border-radius: 10px;
	position: relative;
}

.features .serial {
	font-size: 70px;
	font-weight: 700;
	color: #dedfe4;
	position: absolute;
	left: 0;
	top: 0;
	margin: 0;
	padding: 0;
	line-height: 54px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.features .single-feature:hover .serial {
	color: #27AE60;
}

.features .f-content {
	padding: 20px;
	
	


}
.f-content{
	
	}

.features .f-content h3 {
	color: #FFFFFF;
	font-size: 30px;
	margin: 10;
}

.features .f-content h3 .inner {
	display: block;
	font-size: 15px;
	font-weight: 400;
	margin-top: 10px;
	margin-right: 3px;
	margin-left: 3px;
	margin-bottom: 10px;
	color: #FFFFFF;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	line-height: 18px;
}

.features .single-feature:hover .inner {
	color: #F0F0F0;
	width: auto;
	padding-right: 0px;
	padding-left: 0px;
	margin-top: 20px;
	margin-right: 3px;
	margin-left: 3px;
	margin-bottom: 40px;
	line-height: 18px;
}

/*=============================
	End Features CSS
===============================*/

/*=============================
	Why Choose CSS
===============================*/
.why-choose {
	padding: 0;
	background: #2C2D3F;
	overflow: hidden;
	position: relative;
}

.why-choose .no-margin {
	margin: 0;
	padding: 0;
}

.why-choose .video-main {
	position: absolute;
	width: 49%;
	height: 100%;
	background-image: url('https://wpthemesgrid.com/themes/ucorpa/img/why-choose.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	text-align: center;
	left: 0;
}

.why-choose .video-main:before {
	opacity: 0;
	visibility: hidden;
}

.why-choose .video-main:hover:before {
	opacity: 0.7;
	visibility: visible;
}

.why-choose .video-play a {
	top: 50%;
	left: 50%;
	margin-left: -35px;
	margin-top: -35px;
	width: 70px;
	height: 70px;
	line-height: 70px;
	border-radius: 100%;
	background: #fff;
	color: #27AE60;
	font-size: 20px;
	position: absolute;
	transform: scale(0);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	padding-left: 3px;
}

.why-choose .video-main:hover a {
	transform: scale(1);
	opacity: 1;
	visibility: visible;
}

.why-choose .video-play a:hover {
	background: #27AE60;
	color: #fff;
}

/* Faq Area */
.why-choose .faq-area {
	padding: 60px 40px;
}

.why-choose .faq-area .title h2 {
	color: #fff;
	font-size: 27px;
	font-weight: 600;
	position: relative;
	padding-bottom: 25px;
	margin-bottom: 25px;
}

.why-choose .faq-area .title h2:before {
	content: "";
	width: 60px;
	height: 3px;
	position: absolute;
	bottom: -2px;
	background: #fff;
	left: 0;
}

.why-choose .faq-area .title h2::after {
	content: "";
	width: 5px;
	height: 3px;
	position: absolute;
	bottom: -2px;
	background: #2C2D3F;
	margin-left: 42px;
	left: 0;
}

.why-choose .panel-group {
	margin: 0;
	text-align: left;
}

.why-choose .panel {
	background: #fff;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	margin: 0 0 10px;
}

.why-choose .panel-heading {
	background: none;
}

.why-choose .faq-title a {
	padding: 20px;
	font-size: 15px;
	font-weight: 400;
	position: relative;
	color: #666;
	background: transparent;
	width: 100%;
	display: block;
	border: 1px solid #ddd;
	padding: 15px 20px;
	font-weight: 600;
}

.why-choose .faq-title a::before {
	content: "\f056";
	font-family: "Font Awesome 5 Free";
	top: 50%;
	margin-top: -15px;
	right: 10px;
	position: absolute;
	background: transparent;
	width: 30px;
	height: 30px;
	line-height: 30px;
	color: #fff;
	border-radius: 0px;
	text-align: center;
	font-size: 17px;
	border-radius: 5px;
}

.why-choose .panel .faq-title a {
	color: #fff;
	background: #27AE60;
	text-decoration: none;
	border-color: transparent;
}

.why-choose .panel .faq-title a.collapsed {
	color: #2C2D3F;
	background: #fff;
	text-decoration: none;
	border-color: transparent;
}

.why-choose .faq-title a.collapsed::before {
	content: "\f055";
	font-family: "Font Awesome 5 Free";
	color: #666;
	background: transparent;
	transition: all 0.4s ease;
}

.why-choose .faq-body {
	padding: 20px;
	color: #666;
	box-shadow: none;
	text-shadow: none;
	background: #F6F6F6;
	font-weight: 300;
}

.why-choose .panel-default {
	border: none;
	box-shadow: none;
	text-shadow: none;
	margin: 0 0 15px;
}

.why-choose .panel-default:last-child {
	margin: 0;
}

/*=============================
	End Why Choose CSS
===============================*/

/*=============================
	Services CSS
===============================*/
.services {
	background: #F6F6F6;
}

.services .section-title h2::after {
	background: #f6f6f6;
}

.services .single-service {
	position: relative;
	background: #fff;
	padding: 50px 30px;
	margin-top: 30px;
	border-radius: 5px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	overflow: hidden;
}

.services .single-service:hover {
	background: #27AE60;
}

.services .single-service.active {
	background: #27AE60;
}

.services .single-service i {
	font-size: 56px;
	color: #F6F6F6;
	position: absolute;
	right: 10px;
	top: 10px;
	opacity: 0.8;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.services .single-service:hover i,
.services .single-service.active i {
	color: #fff;
	opacity: 1;
	visibility: visible;
}

.services .single-service h4 {
	position: relative;
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 20px;
	padding-bottom: 20px;
	text-transform: uppercase;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.services .single-service:hover h4 {
	color: #fff;
}

.services .single-service.active h4 {
	color: #fff;
}

.services .single-service h4:before {
	position: absolute;
	content: "";
	left: 0;
	bottom: -1px;
	height: 2px;
	width: 50px;
	background: #27AE60;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.services .single-service:hover h4:before {
	background: #fff;
	width: 30px;
}

.services .single-service.active h4:before {
	background: #fff;
	width: 30px;
}

.services .single-service p {
	color: #7b7b7b;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.services .single-service:hover p {
	color: #fff;
}

.services .single-service.active p {
	color: #fff;
}

.services .single-service a {
	margin-top: 30px;
	display: inline-block;
	color: #27AE60;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.services .single-service a:hover {
	opacity: 0.8;
}

.services .single-service:hover a,
.services .single-service.active a {
	color: #fff
}

/*=============================
	End Services CSS
===============================*/

/*=============================
	About US CSS
===============================*/
.about {
	background: #fff;
}

.about .about-content {
	padding-right: 50px;
}

.about .about-content .story {
	display: block;
	color: #04AAF4;
	margin-bottom: 20px;
	font-size: 17px;
}

.about .about-content .story i {
	color: #04AAF4;
	margin-right: 5px;
	font-size: 22px;
}

.about .about-content h3 {
	font-size: 30px;
	font-weight: 600;
	position: relative;
	margin-bottom: 15px;
	padding-bottom: 15px;
}

.about .about-content h3::before {
	position: absolute;
	content: "";
	left: 0;
	bottom: -1px;
	height: 2px;
	width: 60px;
	background: #67AF50;
}

.about .about-content h3 span {
	display: inline-block;
	font-weight: 700;
	color: #27AE60;
}

.about .about-content p {
	line-height: 26px;
	margin-bottom: 10px;
}

.about .about-content p:last-child {
	margin: 0;
}

.about .about-content .button {
	margin-top: 40px;
}

.about .about-content .button .btn {
	background: #2C2D3F;
	margin-right: 15px;
}

.about .about-content .button .btn:before {
	background: #27AE60;
}

.about .about-content .button .btn.primary {
	background: #27AE60;
}

.about .about-content .button .btn.primary:before {
	background: #2C2D3F;
}

.about .about-content .button .btn:last-child {
	margin: 0;
}

.about .about-img {
	position: relative;
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
	border: 10px solid #fff;
}

.about .about-img:before {
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.about .about-img:hover:before {
	opacity: 0.6;
	visibility: visible;
}

.about .about-img .video {
	height: 64px;
	width: 64px;
	line-height: 64px;
	background: #27AE60;
	color: #fff;
	font-size: 20px;
	border-radius: 100%;
	display: block;
	text-align: center;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -32px;
	margin-top: -32px;
	padding-left: 4px;
	transform: scale(0);
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.about .about-img .video:hover {
	background: #fff;
	color: #27AE60;
}

.about .about-img:hover .video {
	transform: scale(1);
}

.about .about-img img {
	height: 100%;
	width: 100%;

}

/*=============================
	End About US CSS
===============================*/

/*=============================
	Contributions CSS
===============================*/
.c-butions {
	background: #f6f6f6;
	padding: 70px 0 100px;
}

.c-butions .single-butions {
	background: #fff;
	border: 1px solid #ddd;
	padding: 40px 20px;
	text-align: center;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	margin-top: 30px;
}

.c-butions .single-butions:hover {
	border-color: transparent;
	background: #27AE60;
	box-shadow: 0px 0px 15px #27AE60;
}

.c-butions .single-butions.active {
	border-color: transparent;
	background: #27AE60;
	box-shadow: 0px 0px 15px #27AE60;
}

.c-butions .single-butions .counter {
	font-weight: 700;
	font-size: 28px;
	color: #2c2d3f;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.c-butions .single-butions:hover .counter {
	color: #fff;
}

.c-butions .single-butions.active .counter {
	color: #fff;
}

.c-butions .single-butions .latter {
	font-weight: 800;
	font-size: 30px;
	color: #2c2d3f;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.c-butions .single-butions:hover .latter {
	color: #fff;
}

.c-butions .single-butions.active .latter {
	color: #fff;
}

.c-butions .single-butions p {
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.c-butions .single-butions:hover p {
	color: #fff;
}

.c-butions .single-butions.active p {
	color: #fff;
}

.c-butions .contri-content {
	text-align: right;
	padding-left: 100px;
	margin-top: 30px;
}

.c-butions .contri-content h2 {
	font-weight: 700;
	margin-bottom: 20px;
	font-size: 28px;
	line-height: 38px;
}

.c-butions .contri-content h2 span {
	display: block;
	font-size: 16px;
	font-weight: 600;
	line-height: 25px;
}

.c-butions .button {
	margin-top: 40px;
}

/*=============================
	End Contributions CSS
===============================*/

/*=============================
	Experiences CSS
===============================*/
.experiences {
	background-image: url('../image/call-bg.jpg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
}

.experiences.overlay:before {
	opacity: 0.6;
}

.experiences .experience-inner {
	text-align: center;
}

.experiences .experience-inner h2 {
	color: #fff;
	margin-bottom: 25px;
	font-size: 32px;
	font-weight: 700;
}

.experiences .experience-inner h2 span {
	display: block;
	font-size: 18px;
	margin-bottom: 15px;
	font-weight: 400;
}

.experiences .button .btn:before {
	background: #fff;
	border-radius: 0px;
}

.experiences .button .btn:hover {
	color: #2c2d3f;
}

/*=============================
	End Experiences CSS
===============================*/

/*=============================
	Projects CSS
===============================*/
.our-projects {
	background: #fff;
}

.our-projects .slider-portfolio .col-fix {
	margin: 0;
	padding: 0;
}

.our-projects .project-tab .nav-head {
	text-align: center;
}

.our-projects .nav {
	border: none;
	text-shadow: none;
	box-shadow: none;
	text-align: center;
	display: inline-block;
	margin-bottom: 60px;
	text-align: center;
}

.our-projects .nav li {
	border: none;
	text-shadow: none;
	box-shadow: none;
	margin-right: 10px;
}

.our-projects .nav li:last-child {
	margin-right: 0px;
}

.our-projects .nav li a {
	color: #2c2d3f;
	border: none;
	text-shadow: none;
	box-shadow: none;
	background: transparent;
	border-radius: 0px;
	padding: 10px 22px;
	font-weight: 500;
	text-transform: uppercase;
	cursor: pointer;
}

.our-projects .nav li:hover a,
.our-projects .nav li.active a {
	color: #fff;
	background: #27AE60;
	border: none;
	text-shadow: none;
	box-shadow: none;
}

.our-projects .pf-left {
	position: relative;
}

.our-projects .pf-left img {
	height: 110%;
	width: 100%;
}

.our-projects .pf-left::before {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background: #000;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.our-projects .pf-left:hover:before {
	opacity: 0.4;
	visibility: visible;
}

.our-projects .pf-left .button {
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.our-projects .pf-left:hover .button {
	opacity: 1;
	visibility: visible
}

.our-projects .pf-left .button .btn {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -71.5px;
	margin-top: -23px;
	text-transform: uppercase;
	font-size: 14px;
}

.our-projects .pf-left .button .btn:hover {
	color: #333;
}

.our-projects .pf-left .button .btn:before {
	background: #fff;
}

.our-projects .pf-right {
	background: #2C2D3F;
	padding: 25px 60px;
}

.our-projects .content .small-title {
	color: #27AE60;
}

.our-projects .content h2 {
	color: #fff;
	font-size: 22px;
	font-weight: 600;
	margin: 5px 0 15px 0;
}

.our-projects .content p {
	line-height: 26px;
	color: #ccc;
}

.our-projects .owl-nav {
	margin: 0;
	position: absolute;
	top: 50%;
	width: 100%;
	margin-top: -20px;
}

.our-projects .owl-carousel .owl-nav button {
	height: 40px;
	width: 40px;
	line-height: 40px;
	background: #27AE60;
	color: #fff;
	font-size: 20px;
	position: absolute;
	margin: 0;
	border-radius: 0px;
}

.our-projects .owl-carousel .owl-nav button:hover {
	color: #fff;
}

.our-projects .owl-nav .owl-prev {
	left: 0;
}

.our-projects .owl-nav .owl-next {
	right: 0;
}

/* Slider Dots */
.our-projects .owl-dots {
	position: absolute;
	right: 0;
	background: #fff;
	box-shadow: -3px 0px 5px #0003;
	top: 50%;
	padding: 20px 15px;
	margin-top: -47px;
	border-radius: 5px 0 0 5px;
}

.our-projects .owl-dots .owl-dot {
	display: block;
	margin-bottom: 10px;
}

.our-projects .owl-dots .owl-dot:last-child {
	margin: 0px;
}

.our-projects .owl-dots .owl-dot span {
	width: 12px;
	height: 12px;
	display: block;
	border-radius: 100%;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	margin: 0;
	background: #27AE60;
	position: relative;
}

.our-projects .owl-dots .owl-dot:hover span {
	border-color: transparent;
}

.our-projects .owl-dots .owl-dot span::before {
	position: absolute;
	top: -2px;
	left: -2px;
	width: 16px;
	height: 16px;
	line-height: 16px;
	border: 1px solid;
	content: "";
	border-radius: 100%;
	color: #27AE60;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.our-projects .owl-dots .owl-dot:hover span:before,
.our-projects .owl-dots .owl-dot.active span:before {
	opacity: 1;
	visibility: visible;
}

.our-projects .skill-main {
	margin-top: 35px;
}

.our-projects .skill-title h4 {
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 13px;
}

.our-projects .progress {
	overflow: visible;
	border-radius: 0px;
	box-shadow: none;
	background: #fff;
	height: 5px;
	border-radius: 5px;
}

.our-projects .progress-bar {
	position: relative;
	background: #27AE60;
	border: none;
	text-shadow: none;
	box-shadow: none;
	border-radius: 5px;
}

.our-projects .progress-bar span {
	position: absolute;
	right: 2px;
	top: -36px;
	color: #fff;
	font-weight: 500;
	font-size: 14px;
}

/* Single Portfolio */
.single-portfolio {
	background: #fff;
}

.single-portfolio .portfolio-gallery {
	position: relative;
}

.single-portfolio .portfolio-gallery img {
	width: 100%;
	height: 100%;
	border-radius: 2px;
}

/* Portfolio Dots */
.single-portfolio .owl-dots {
	position: absolute;
	right: 0;
	background: #fff;
	box-shadow: -3px 0px 5px #0003;
	top: 50%;
	padding: 20px 15px;
	margin-top: -47px;
	border-radius: 5px 0 0 5px;
}

.single-portfolio .owl-dot {
	display: block;
	margin-bottom: 10px;
}

.single-portfolio .owl-dot:last-child {
	margin: 0px;
}

.single-portfolio .owl-dot span {
	width: 12px;
	height: 12px;
	display: block;
	border-radius: 100%;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	margin: 0;
	background: #27AE60;
	position: relative;
}

.single-portfolio .owl-dot:hover span {
	border-color: transparent;
}

.single-portfolio .owl-dot span::before {
	position: absolute;
	top: -2px;
	left: -2px;
	width: 16px;
	height: 16px;
	line-height: 16px;
	border: 1px solid;
	content: "";
	border-radius: 100%;
	color: #27AE60;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.single-portfolio .owl-dot:hover span:before,
.single-portfolio .owl-dot.active span:before {
	opacity: 1;
	visibility: visible;
}

.project-detail {
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	background-image: url('../image/portfolio-bg.png');
	padding: 70px 30px;
	position: relative;
}

.project-detail h2 {
	color: #fff;
	font-size: 22px;
}

.project-detail ul {
	position: relative;
	margin-top: 20px;
}

.project-detail ul li {
	color: #fff;
	line-height: 41px;
}

.project-detail ul li .name {
	font-weight: 600;
}

.project-detail ul li .des {
	float: right;
}

.project-detail ul li .des a:hover {
	color: #27AE60;
}

/* Portfolio Text */
.single-portfolio .detail-text {
	margin-top: 30px;
}

.single-portfolio .detail-text h2 {
	font-size: 25px;
	margin-bottom: 20px;
}

.single-portfolio .detail-text p {
	margin-bottom: 20px;
}

.single-portfolio .detail-text p:last-child {
	margin-bottom: 0px;
}

.single-portfolio .detail-text .button {
	margin-top: 20px;
}

.single-portfolio .detail-text .btn {
	background: #27AE60;
	color: #fff;
}

/*=============================
	End Projects CSS
===============================*/

/*=============================
	Watch Video CSS
===============================*/
.watch-video {
	background-image: url('../image/video-bg.jpg');
	background-size: cover;
	background-position: center;
	position: relative;
	overflow: hidden;
	text-align: center;
	padding: 150px 0;
}

.watch-video.overlay::before {
	background: #27AE60;
	opacity: 0.9;
}

.watch-video .watch-inner {
	max-width: 500px;
	display: inline-block;
}

.watch-video .video-head {
	border: 8px solid rgba(255, 255, 255, 0.3);
	display: inline-block;
	border-radius: 100%;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.watch-video .video-head:hover {
	border-color: #fff;
}

.watch-video .video-head .video {
	height: 80px;
	width: 80px;
	line-height: 80px;
	text-align: center;
	background: #fff;
	color: #27AE60;
	border-radius: 100%;
	display: inline-block;
	font-size: 28px;
	padding-left: 5px;
}

.watch-video .video-head .video:hover {
	background: #27AE60;
	color: #fff;
}

.watch-video .watch-inner h2 {
	color: #fff;
	margin: 15px 0;
}

.watch-video .watch-inner p {
	color: #fff;
}

/*=============================
	End Watch Video CSS
===============================*/

/*=============================
	Consultation CSS
===============================*/
.consultation {
	/* padding-top: 90px; */
	background: #f6f6f6;
}

.consultation .con-head {
	background: #f;
	padding: 50px 30px;
	border-radius: 0px;
}

.consultation .consult-title h2 {
	color: #2c2d3f;
	font-size: 28px;
	font-weight: 700;
}

.consultation .consult-title h2 span {
	color: #27AE60;
}

.consultation .consult-title p {
	color: #2c2d3f;
	margin-top: 6px;
}

.consultation .form {
	margin-top: 30px;
}

.consultation .form-group input {
	width: 100%;
	height: 50px;
	line-height: 50px;
	padding: 12px 20px;
	color: #2c2d3f;
	border: 1px solid #ebebeb;
	background: #fff;
	font-size: 13px;
	text-transform: capitalize;
}

.consultation .form-group textarea {
	width: 100%;
	height: 100px;
	padding: 18px 20px;
	border: 1px solid #ebebeb;
	color: #2c2d3f;
	font-size: 13px;
	border-radius: 3px;
}

.consultation .form-group .button {
	text-align: left;
	margin-bottom: 0px;
}

.consultation .consultation-image {
	margin-top: 50px;
}

.consultation.fix {
	overflow: hidden;
}

/*=============================
	End Consultation CSS
===============================*/

/*=============================
	Testimonials CSS
===============================*/
.testimonials {
	background: #2C2D3F;
}

.testimonials .section-title h2,
.testimonials .section-title p {
	color: #fff;
}

.testimonials .section-title h2:after {
	background: #2C2D3F;
}

.testimonials .single-testimonial {
	text-align: left;
	width: 300px;
	padding: 40px;

	margin-top: 20px;
	margin-bottom: 100px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	border-right: 3px solid transparent;
}

.testimonials .single-testimonial IMG {
	width: 300px;
	height: 300px;
}

.testimonials .single-testimonial p {
	position: relative;
	color: #2c2f38;
	font-size: 15px;
	font-weight: 400;
	line-height: 27px;
}

.testimonials .single-testimonial .img-head {
	position: absolute;
	left: 0;
	bottom: 5px;
}



.testimonials .single-testimonial .inner {
	position: relative;
}


.testimonials .single-testimonial .name {
	padding-top: 20px;
	color: #27AE60;
	font-size: 16px;
	padding: 11px 0 11px 75px;
}

.testimonials .single-testimonial .name span {
	display: block;
	font-size: 14px;
	font-weight: 400;
	margin-top: 5px;
	color: #fff;
}

.testimonials .owl-dots {
	z-index: 333;
	left: 50%;
	width: 100%;
	text-align: center;
	margin-top: 25px;
}

.testimonials .owl-dots button {
	width: 40px;
	height: 5px;
	background: #fff;
	border-radius: 0px;
	margin-right: 5px;
	border: 1px solid transparent;
}

.testimonials .owl-dots button.active {
	background: #27AE60;
	border-color: transparent;
}

/* Testimonials White */
.testimonials.white {
	background: #fff;
}

.testimonials.white .section-title h2 {
	color: #2C2D3F
}

.testimonials.white .section-title h2:after {
	background: #fff;
}

.testimonials.white .section-title p {
	color: #666;
}

.testimonials.white .single-testimonial .name span {
	color: #666;
}

.testimonials.white .single-testimonial {
	text-align: left;
	background: #2C2D3F;
}

.testimonials.white .single-testimonial p {
	color: #fff;
}

.testimonials.white .single-testimonial .img-head::before {
	position: absolute;
	content: "";
	left: 30px;
	top: -35px;
	border-top-color: #2C2D3F;
}

.testimonials.white .owl-dots button {
	background: #2C2D3F;
}

.testimonials.white .owl-dots button.active {
	background: #27AE60;
}

/*=============================
	End Testimonials CSS
===============================*/

/*=============================
	Blog CSS CSS
===============================*/
.blog {
	background: #fff;
}

.blog .single-news {
	background: #fff;
	overflow: hidden;
	position: relative;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;	  
	height: 350px;
}

.blog .single-news img {
	width: 100%;
	margin: 0;
	padding: 0;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;

}

.blog .single-news .news-head {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
height: 200px;
 
    width: 360px;
}
.blog .single-news .news-head img{
     
	  width: 100%;
	  
	
	
}

.blog .single-news:hover .news-head img {
	-webkit-transform: scale(1.1) rotate(3deg);
	-moz-transform: scale(1.1) rotate(3deg);
	transform: scale(1.1) rotate(3deg);
}

.blog .single-news .news-content {
	text-align: left;
	background: #fff;
	/*z-index: 99;*/
	position: relative;
	padding: 40px 12px 0 12px;
}

.blog .single-news .news-body h2 {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 10px;
	line-height: 25px;
}

.blog .single-news .news-body h2 a {
	color: #2C2D3F;
}

.blog .single-news .news-body h2:hover a {
	color: #0071b7;
}

.blog .single-news .news-content p {
	font-weight: 300;
}

.blog .single-news .news-body .date {
	color: #fff;
	background: #0071b7;
	font-weight: 500;
	text-transform: capitalize;
	display: inline-block;
	padding: 10px 25px;
	border-radius: 3px;
	text-align: center;
	position: absolute;
	top: -30px;
	left: 12px;
	line-height: 20px;
}

.blog .single-news .date span {
	display: block;
	font-size: 20px;
}

.blog .single-news .news-body .btn {
	font-weight: 400;
	margin-top: 15px;
	color: #0071b7;
	padding: 0;
}

.blog .single-news .news-body .btn i {
	margin-left: 5px;
	display: inline;
	font-size: 11px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.blog .single-news .news-body .btn:hover i {
	margin-left: 10px;
}

.blog .single-news .news-body .btn:hover {
	color: #2c2d3f;
}

/* Blog Archive */
.blog.archive {
	padding: 70px 0 100px;
}

.blog.archive .single-news {
	margin-top: 30px;
}

/* Pagination CSS */
.pagination {
	text-align: left;
	margin: 40px 0 0 0;
}

.pagination .pagination-list li {
	margin-right: 5px;
	display: inline-block;
}

.pagination .pagination-list li:last-child {
	margin-right: 0px;
}

.pagination .pagination-list li a {
	background: #F6F6F6;
	color: #666;
	padding: 6px 18px;
	font-weight: 400;
	border: 1px solid #e1e1e1;
	font-size: 16px;
	border-radius: 3px;
}

.pagination .pagination-list li.active a,
.pagination .pagination-list li:hover a {
	background: #0071b7;
	color: #fff;
	border-color: transparent;
}

.pagination .pagination-list li a i {
	font-size: 13px;
}

.pagination .pagination-list li a i {}

.blog-grids.pagination {
	margin-top: 50px;
	text-align: center;
}

/* Blog Sidebar */
.blog-sidebar {
	background: #fff;
	margin-top: 30px;
}

.blog-sidebar .single-widget {
	margin-bottom: 50px;
}

.blog-sidebar .single-widget .title {
	font-size: 20px;
	font-weight: 600;
	text-transform: capitalize;
}

.blog-sidebar .single-widget .title span {
	color: #0071b7;
}

.blog-sidebar .single-widget:last-child {
	margin: 0;
}

.blog-sidebar .search {
	position: relative;
}

.blog-sidebar .search input {
	width: 100%;
	height: 48px;
	box-shadow: none;
	text-shadow: none;
	border: none;
	color: #2C2D3F;
	padding: 0 15px;
	border-bottom: 1px solid #c6c6c6;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.blog-sidebar .search:hover input {
	border-bottom-color: #0071b7;
}

.blog-sidebar .search .button {
	position: absolute;
	right: 0;
	top: 0;
	line-height: 48px;
	box-shadow: none;
	text-shadow: none;
	text-align: center;
	border: none;
	font-size: 14px;
	color: #2C2D3F;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.blog-sidebar .search:hover .button {
	color: #0071b7;
}

/* Category List */
.blog-sidebar .categor-list {
	margin-top: 15px;
}

.blog-sidebar .categor-list li {
	border-bottom: 1px solid #e5e5e5;
}

.blog-sidebar .categor-list li:last-child {
	border: none;
}

.blog-sidebar .categor-list li a {
	color: #717171;
	padding: 13px 0px;
	display: block;
}

.blog-sidebar .categor-list li a span {
	width: 30px;
	height: 30px;
	line-height: 30px;
	border: 1px solid #e6e6e6;
	display: inline-block;
	text-align: center;
	float: right;
	border-radius: 100%;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.blog-sidebar .categor-list li a:hover span {
	background: #0071b7;
	color: #fff;
	border-color: transparent;
}

.blog-sidebar .categor-list li a:hover {
	color: #0071b7;
}

.blog-sidebar .categor-list li a i {
	margin-right: 6px;
}

/* Recent Post */
.blog-sidebar .recent-post {}

.blog-sidebar .single-post {
	margin-top: 25px;
}

.blog-sidebar .single-post .image {
	float: left;
	margin-right: 10px;
}

.blog-sidebar .single-post .image img {
	height: 55px;
	width: 60px;
}

.blog-sidebar .single-post .content h5 {
	font-size: 14px;
	line-height: 18px;
}

.blog-sidebar .single-post .content h5 span {
	display: block;
	color: #0071b7;
	font-weight: 400;
	margin-bottom: 5px;
	font-size: 13px;
}

.blog-sidebar .single-post .content h5 a {
	color: #2C2D3F;
	font-weight: 500;
}

.blog-sidebar .single-post .content h5 a:hover {
	color: #0071b7;
}

/* Call Us */
.blog-sidebar .call-us {
	position: relative;
	background-image: url('../image/about.jpg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 3px;
	overflow: hidden;
}

.blog-sidebar .call-us:before {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background: #000;
	opacity: 0.7;
}

.blog-sidebar .call-us .content {
	text-align: left;
	position: relative;
	padding: 40px 30px;
}

.blog-sidebar .call-us .content p {
	color: #fff;
	font-size: 15px;
	font-weight: 500;
	text-transform: capitalize;
	line-height: 28px;
}

.blog-sidebar .call-us .content p span {
	display: block;
	font-size: 25px;
	font-weight: 600;
}

.blog-sidebar .call-us .content a {
	color: #fff;
	background: #0071b7;
	padding: 8px 30px;
	border-radius: 2px;
	text-transform: uppercase;
	margin-top: 20px;
	display: inline-block;
	font-weight: 600;
}

.blog-sidebar .call-us .content a:hover {
	background: #fff;
	color: #444;
}

/* Blog Tags */
.blog-sidebar .side-tags {}

.blog-sidebar .side-tags .tag {
	margin-top: 30px;
}

.blog-sidebar .side-tags .tag li {
	display: inline-block;
	margin-right: 7px;
	margin-bottom: 26px;
}

.blog-sidebar .side-tags .tag li a {
	background: #f6f6f6;
	color: #666;
	padding: 8px 10px;
	border-radius: 2px;
}

.blog-sidebar .side-tags .tag a:hover {
	color: #fff;
	background: #0071b7;
}

/* Blog Single CSS */
.blog-single {
	background: #fff;
	padding: 70px 0 100px;
}

.blog-single .blog-single-main {
	margin-top: 30px;
}

.blog-single .blog-detail {
	background: #fff;
}

.blog-single .image {
	position: relative;
}

.blog-single .image img {
	width: 100%;
	height: 100%;
	border-radius: 2px;
}

.blog-single .blog-title {
	font-size: 30px;
	font-weight: 600;
	margin: 20px 0 10px;
}

.blog-single .blog-meta {
	margin-bottom: 30px;
	overflow: hidden;
}

.blog-single .blog-meta .author i {
	color: #27AE60;
	margin-right: 10px;
	font-size: 13px;
}

.blog-single .blog-meta .author a {
	margin-right: 10px;
}

.blog-single .blog-meta .author a:last-child {
	margin: 0;
}

.blog-single .like-comment {
	float: right;
}

.blog-single .blog-meta span {
	display: inline-block;
	font-size: 14px;
	color: #666;
}

.blog-single .blog-meta span a i {
	margin-right: 10px;
	color: #27AE60;
}

.blog-single .blog-meta span a:hover {
	color: #27AE60;
}

.blog-single .content p {
	margin-bottom: 20px;
}

.blog-single .content p:last-child {
	margin: 0;
}

.blog-single blockquote {
	margin-bottom: 20px;
	font-size: 14px;
	font-weight: 500;
	border-left: 4px solid #27AE60;
	padding-left: 20px;
	padding: 10px 20px;
	background: #f6f6f6;
	padding: 20px;
}

.blog-single .share-social {
	overflow: hidden;
	padding: 10px 20px;
	border-radius: 3px;
	background: #2C2D3F;
	margin-top: 20px;
}

.blog-single .share-social .title {
	font-size: 15px;
	color: #fff;
	float: left;
	line-height: 35px;
}

.blog-single .share-social ul {
	float: right;
}

.blog-single .share-social ul li {
	display: inline-block;
	margin-right: 5px;
}

.blog-single .share-social ul li:last-child {
	margin-right: 0px;
}

.blog-single .share-social ul li a {
	color: #2C2D3F;
	height: 30px;
	width: 30px;
	line-height: 30px;
	border-radius: 100%;
	display: block;
	text-align: center;
	background: #fff;
}

.blog-single .share-social ul li a:hover {
	color: #fff;
	background: #27AE60;
	border-color: #27AE60;
}

/* Comments */
.blog-single .comments .comment-title {
	position: relative;
	text-align: left;
	font-size: 18px;
	color: #2C2D3F;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #e2e2e2;
	font-weight: 400;
	margin-top: 35px;
	font-weight: 600;
}

.blog-single .comments .comment-title:before {
	position: absolute;
	left: 0;
	content: "";
	bottom: -1px;
	height: 1px;
	width: 60px;
	background: #27AE60;
}

.blog-single .comments {
	border-bottom: 1px solid #ddd;
}

.blog-single .comments .single-comment {
	position: relative;

	padding: 35px 0px;
}

.blog-single .comments .single-comment.left {
	margin-left: 110px;
}

.blog-single .comments .single-comment img {
	height: 70px;
	width: 70px;
	border-radius: 100%;
	position: absolute;
	left: 0;
}

.blog-single .single-comment .content {
	padding-left: 95px;
}

.blog-single .single-comment .content h4 {
	color: #27AE60;
	font-size: 15px;
	font-weight: 600;
	margin-bottom: 10px;
}

.blog-single .single-comment .content span {
	display: block;
	font-size: 13px;
	color: #8D8D8D;
	margin: 0;
	margin-bottom: 5px;
}

.blog-single .single-comment .content p {
	color: #666;
	font-weight: 300;
}

.blog-single .single-comment .content .button {
	margin-top: 30px;
}

.blog-single .single-comment .content .button a {
	background: #fff;
	color: #333;
	border: 1px solid #e5e5e5;
	padding: 5px 22px;
	border-radius: 2px;
	margin-right: 10px;
	text-transform: capitalize;
	font-weight: 400;
}

.blog-single .single-comment .content .button a:hover {
	color: #fff;
	background: #27AE60;
	border-color: #27AE60;
}

.blog-single .single-comment .content .button a:last-child {
	margin-right: 0px;
}

.blog-single .single-comment .content a:hover {
	color: #04AAF4;
}

.blog-single .reply {
	margin-top: 50px;
}

/* Comment Form */
.blog-single .reply .reply-title {
	position: relative;
	text-align: left;
	font-size: 18px;
	color: #2C2D3F;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #e2e2e2;
	font-weight: 400;
	margin-top: 35px;
	font-weight: 600;
}

.blog-single .reply .reply-title:before {
	position: absolute;
	left: 0;
	content: "";
	bottom: -1px;
	height: 1px;
	width: 60px;
	background: #27AE60;
}

.blog-single .reply .form-group {
	margin-bottom: 25px;
}

.blog-single .reply .form-group input {
	box-shadow: none;
	text-shadow: none;
	font-size: 15px;
	width: 100%;
	padding: 0 20px;
	text-transform: capitalize;
	height: 50px;
	background: #f6f6f6;
	box-shadow: none;
	border: none;
	color: #2C2D3F;
}

.blog-single .reply .form-group textarea {
	box-shadow: none;
	text-shadow: none;
	border: none;
	font-size: 15px;
	padding-left: 16px;
	padding-top: 18px;
	resize: none;
	height: 200px;
	color: #2C2D3F;
	background: #f6f6f6;
	text-transform: capitalize;
	width: 100%;
}

.blog-single .reply .button {
	text-align: left;
	margin-bottom: 0px;
}

/*=============================
	End Blog CSS
===============================*/

/*=============================
	Clients CSS
===============================*/
.clients {
	background: #f6f6f6;
}

.clients .single-clients {
	padding: 30px;
}

.clients .single-clients img {
	opacity: 0.9;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	cursor: pointer;
}

.clients .single-clients:hover img {
	opacity: 1;
}

/*=============================
	End Clients CSS
===============================*/

/*=============================
	Team CSS
===============================*/
.team {
	background: #fff;
}

.team .single-team {
	text-align: center;
	padding: 50px 45px;
	border-radius: 5px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	background: #fff;
	border: 1px solid rgba(204, 204, 204, 0.3);
	height:388px;
}

.team .single-team:hover {
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
}

.team .single-team img {
	height: 160px;
	width: 160px;
	border-radius: 100%;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	overflow: hidden;
}

.team .single-team .title {
	display: block;
	margin: 20px 0;
	color: #666;
	text-transform: uppercase;
}

.team .single-team .name {
	color: #333;
	margin-bottom: 20px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.team .single-team .social li {
	display: inline-block;
	margin-right: 10px;
}

.team .social li:last-child {
	margin-right: 0px;
}

.team .social li a {
	color: #888;
	font-size: 13px;
	height: 30px;
	width: 30px;
	line-height: 29px;
	border: 1px solid #ccc;
	border-radius: 100%;
	display: block;
	font-size: 13px;
}

.team .social li a:hover {
	color: #fff;
	background: #27AE60;
	border-color: #27AE60;
}

.team .social li a i {
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

/*=============================
	End Team CSS
===============================*/

/*=============================
	404 CSS
===============================*/
.error-page {
	background-image: url('../image/error-bg.jpg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}

.error-page.overlay::before {
	opacity: 0.7;
}

.error-page #particles-js {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.error-page .error-inner {
	text-align: center;
	flex-direction: initial;
	height: auto;
	text-align: center;
}

.error-page .error-inner h2 {
	color: #fff;
	margin-bottom: 20px;
	font-weight: 700;
	display: inline-block;
	font-size: 30px;
}

.error-page .error-inner h2 i {
	font-size: 100px;
}

.error-page .error-inner h2 span {
	display: block;
	margin-top: 25px;
}

.error-page .error-inner p {
	color: #fff;
	font-weight: 400;
	line-height: 24px;
	font-size: 16px;
	padding: 0 30px;
}

.error-page .button {
	margin-top: 30px;
}

.error-page .button .btn {
	margin-right: 15px;
	border-radius: 30px;
}

.error-page .button .btn:before {
	border-radius: 30px;
	background: #fff;
}

.error-page .button .btn:hover {

	color: #333;
}

.error-page .button .btn.primary {
	background: #fff;
	color: #333;
}

.error-page .button .btn.primary:hover {
	color: #fff;
}

.error-page .button .btn.primary:before {
	background: #27AE60;

}

.error-page .button .btn:last-child {
	margin: 0;
}

/*=============================
	End 404 CSS
===============================*/

/*=============================
	Contact CSS
===============================*/
.contact .single-info {
	text-align: center;
	padding: 0px 45px;
}

.contact .single-info i {
	color: #27AE60;
	font-size: 30px;
	display: inline-block;
	margin-bottom: 20px;
}

.contact .single-info p a:hover {
	color: #27AE60;
}

.contact .single-info .title {
	margin-bottom: 10px;
	font-weight: 500;
	color: #2c2d3f;
	font-size: 18px;
}

.contact .contact-head {
	margin-top: 20px;
}

.contact .form-main {
	box-shadow: 0px 0px 10px #0003;
	padding: 30px;
	margin-top: 30px;
}

.contact .form .form-group input {
	height: 50px;
	line-height: 50px;
	width: 100%;
	border: 1px solid #e6e2f5;
	padding: 0px 20px;
	color: #2C2D3F;
	border-radius: 0px;
}

.contact .form .form-group textarea {
	height: 190px;
	width: 100%;
	border: 1px solid #e6e2f5;
	padding: 15px 20px;
	color: #2C2D3F;
	border-radius: 0px;
	resize: none;
}

.contact .form .button {
	margin: 0;
}

/* Google Map */
.contact #myMap {
	height: 442px;
	width: 100%;
	border-radius: 0px;
	margin-top: 30px;
	box-shadow: 0px 0px 10px #0003;
	border: 6px solid #fff;
}

/* Mail Success */
.mail-success .mail-inner {
	text-align: center;
}

.mail-success .mail-inner p {
	font-size: 15px;
}

.mail-success .mail-inner h2 {
	font-size: 45px;
	margin: 10px 0 20px;
}

.mail-success .mail-inner h2 span {
	color: #27AE60;
}

.mail-success .mail-inner .btn {
	background: #27AE60;
	color: #fff;
}

.mail-success .mail-inner .btn i {
	margin-right: 5px;
}

/*=============================
	End Contact CSS
===============================*/

/*=============================
	Pricing Table CSS
===============================*/
.pricing-table {
	background: #f6f6f6;
	position: relative;
}

.pricing-table .single-table {
	background: #fff;
	text-align: left;
	/*position: relative;*/
	overflow: hidden;
	/* margin-top: 30px; */
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	z-index: 9;
	border-radius: 5px;
	box-shadow: 0 0px 1px #ddd;
	padding: 30px 20px;
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
}

.pricing-table .table-head {
	text-align: center;
}

.pricing-table .single-table .popular {
	position: absolute;
	right: -19px;
	top: 31px;
	color: #fff;
	background: #27AE60;
	transform: rotate(90deg);
	padding: 5px 17px;
	text-transform: uppercase;
	border-radius: 0px 20px 20px 0px;
}

.pricing-table .single-table:hover {
	transform: translateY(-10px);
	box-shadow: 0px 6px 8px #ddd;
}

}

/* Table Head */
.pricing-table .single-table .table-head {
	text-align: left;
	margin-bottom: 50px;
}

.pricing-table .single-table .title {
	font-weight: 600;
	text-transform: capitalize;
	margin-bottom: 15px;
	color: #27AE60;
	font-size: 20px;
	border-radius: 50px;
}

.pricing-table .single-table .price {
	position: relative;
	line-height: 40px;
	height: 210px;
}
.price img{
	width: 100%;
	height: 210px;
	
	
}
	.single-feature{
    position: relative;
    background-color: rgba(0,0,0,0.50);
			}
			/*鼠标移入后*/
			.single-feature:hover{
				background-color: rgba(218, 255, 227, 0.3);
			}
			.single-center{
				/*这里要设置居中内容的宽高*/
			width: 100%;
			height: auto;
			
			position: absolute;
			top: 81%;
			left: 50%;
			transform: translate(-50%,-50%);
			}
.pricing-table .single-table .amount {
	font-size: 25px;
	font-weight: 700;
	color: #0071b7;
}

.pricing-table .single-table .amount span {
	font-size: 18px;
	color: #666;
	font-weight: 500;
}

/* Table List */
.pricing-table .single-table .table-list {
	text-align: left;
	z-index: 9;
	text-align: center;
	padding: 20px 0;
}

.pricing-table .table-list li {
	text-transform: capitalize;
	color: #666;
	border-bottom: 1px dashed #e6e6e6;
	padding: 15px 0px;
}

.pricing-table .table-list li:last-child {
	border: none;
}

/* Table Bottom */
.pricing-table .button {
	text-align: center;
}

.pricing-table .btn {
	border-radius: 30px;
	background: transparent;
	color: #0071b7;
	border: 1px solid  #0071b7;
}

.pricing-table .btn:before {
	background:  #0071b7;
}

.pricing-table .btn:hover {
	border-color: transparent;
	color: #fff;
}

.pricing-table .single-table .btn:before {
	border-radius: 30px;
}

/*=============================
	End Pricing Table CSS
===============================*/

/*=============================
	Footer CSS
===============================*/
.footer {
	background: #121219;
}

.footer .footer-top {
	padding: 40px 0px;
}

.footer .newslatter {
	border-bottom: 1px dashed #ffffff4d;
	padding-bottom: 30px;
	position: relative;
}

.footer .newslatter-content h2 {
	color: #fff;
	font-size: 25px;
	font-weight: 600;
	margin-bottom: 10px;
}

.footer .newslatter-content p {
	color: #ccc;
}

.footer .form {
	position: relative;
}

.footer .newslatter-form {
	text-align: right;
}

.footer .newslatter-form .form input {
	height: 48px;
	width: 100%;
	line-height: 48px;
	padding: 0px 148px 0 20px;
	color: #666;
	border: none;
	border-radius: 0px;
}

.footer .newslatter-form .form button {
	height: 48px;
	width: 130px;
	line-height: 48px;
	background: #27AE60;
	border: none;
	color: #fff;
	border-radius: 0px;
	top: 0;
	position: absolute;
	right: 0px;
	border-left: 1px solid transparent;
}

.footer .newslatter-form .form button:hover {
	border-left-color: #ddd;
	background: #fff;
	color: #27AE60;
}

.footer .single-footer {
	margin-top: 30px;
}

.footer .single-footer h3 {
	color: #fff;
	font-size: 17px;
	font-weight: 600;
	position: relative;
	width: auto;
}

.footer .f-about .logo {
	margin-bottom: 23px;
}

.footer .f-about .text {
	color: #ccc;
	margin-bottom: 9px;
	line-height: 24px;
}

.footer .f-about a {
	color: #27AE60;
}

.footer .f-about a:hover {
	color: #fff;
	text-decoration: underline;
}

/* Footer Link */
.footer .f-link ul li {
	margin-bottom: 10px;
}

.footer .f-link ul li:last-child {
	margin-bottom: 0px;
}

.footer .f-link ul li a {
	display: inline-block;
	color: #ccc;
}

.footer .f-link ul li a:hover {
	color: #27AE60;
}

/* Latest News */
.footer .latest-news {}

.footer .single-news {
	margin-bottom: 16px;
	padding-left: 70px;
	position: relative;
}

.footer .single-news:last-child {
	margin-bottom: 0px;
}

.footer .single-news img {
	width: 50px;
	height: 50px;
	border-radius: 100%;
	position: absolute;
	left: 0;
	border: 2px solid #fff;
}

.footer .single-news h4 {
	font-size: 15px;
	line-height: 23px;
}

.footer .single-news h4 a {
	color: #ccc;
	font-weight: 400;
}

.footer .single-news h4 a:hover {
	color: #27AE60;
}

.footer .single-news .date {
	color: #eee;
	display: block;
	margin-top: 7px;
	font-size: 13px;
}

.footer .single-news .date i {
	margin-right: 5px;
	color: #27AE60;
}

/* Get In Tuch */
.footer .single-contact {
	position: relative;
	margin-bottom: 16px;
	padding-left: 25px;
}

.footer .single-contact:last-child {
	margin-bottom: 0px;
}

.footer .single-contact i {
	color: #27AE60;
	position: absolute;
	left: 0;
	top: 5px;
}

.footer .f-contact p {
	color: #ccc;
}

.footer .f-contact p a {
	color: #ccc;
}

.footer .f-contact p a:hover {
	color: #27AE60;
}

/* Social */
.footer .social {
	margin-top: 20px;
}

.footer .social li {
	display: inline-block;
	margin-right: 10px;
}

.footer .social li:last-child {
	margin-right: 0px;
}

.footer .social li a {
	color: #fff;
	height: 30px;
	width: 30px;
	line-height: 30px;
	text-align: center;
	border: 1px solid #fff;
	border-radius: 100%;
	display: block;
	font-size: 13px;
}

.footer .social li a:hover {
	background: #0071b7;
	border-color: #0071b7;
	color: #fff;
}

/* Copyright */
.footer .copyright {
	background: #0071b7;
	position: relative;
	padding-right: 0;
	padding-left: 0;
	text-align: center;
}

.footer .copyright-inner {
	border-top: 1px dashed #fff6;
	padding: 25px 0px 25px 0px;
	text-align: center;
}

.footer .copyright-content p {
	color: #fff;
}

.footer .copyright-content p i {
	margin-right: 5px;
}

.footer .copyright-content p a {
	font-weight: 500;
	color: #eee;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.footer .copyright-content p a:hover {
	color: #fff;
}


.jjfl {
	background: url("../image/xw1.jpg");
	width: 100%;
	height: 100%;
	


}
.jjf2 {
	background: url("../image/xw2.jpg");
	width: 100%;
	height: 100%;


}
.jjf3  {
	background: url("../image/xw3.jpg");
	width: 100%;
	height: 100%;


}
.jjf4 {
	background: url("../image/xw4.jpg");
	width: 100%;
	height: 100%;

}


.jjfl2 {
	width: 200px;
	height: 200px;
	margin: 0 auto;

}

.in3l2 {
	background-image: url("../image/ow1.jpg");
	width: 400px;
	height: 300px;
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 15px;
	margin-bottom: 10px;





}

.in3l1 {
	text-align: center;
	width: 330px;
	height: 250px;
	/*border: 1px solid  #fff;*/
	margin-top: 25px;
	margin-bottom: 50px;
	margin-left: 20px;
	padding: 10px;
}

.in3l1 p {
	opacity: 0;
}

.in3l1:hover {
	border: 1px solid #fff;
	animation: fadenum .5s;

}

.in3l1:hover p {
	opacity: 1;
	animation: fadenum .5s;
	padding-left: 0px;
	/*display: none;*/
}

@keyframes fadenum {
	/*设置内容由显示变为隐藏*/

	0% {
		opacity: 0;
	}

	/*50%{opacity: 0.5;}*/

	100% {
		opacity: 1;

	}

}

.in3l3 {
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 40px;
}

.in3l3 p {
	padding: 30px;
	color: #fff;
	margin-left: 10px;

}

.lb1 {
	margin-top: -270px;
	margin-left: 288px;


}

.qbcp {
	padding: 20px;
	height: 400px;



}

.qbcp1 {
	width: 260px;
	height: 260px;

}

.qbcp img {
	width: 100%;
	height: 100%;
	/* [disabled]border-bottom-left-radius: 10px; */
	/* [disabled]border-bottom-right-radius: 10px; */
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	box-shadow: 1px 0px 8px #888888;



}

.qbcp2 {
	width: 260px;
	height: 70px;
	background: #0071b7;
	text-align: center;
	color: #FFFFFF;
	padding-top: 20px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	box-shadow: 1px 0px 8px #888888;
	/* [disabled]border-top-right-radius: 10px; */
	/* [disabled]border-top-left-radius: 10px; */


}

.qbcp2:hover {
	width: 260px;

	background: #F04B4E;

	text-align: center;
	color: #000000;
	padding-top: 20px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	box-shadow: 1px 0px 8px #888888;
	/* [disabled]border-top-right-radius: 10px; */
	/* [disabled]border-top-left-radius: 10px; */

}

.qbcp2 h5 {
	line-height: 3;
	font-size: 12px;



}
.yyz2 {
	text-align: center;
	color: black;
	padding-bottom: 15px;
}

.baner {
	
	text-align: center;

	


}

.baner img{
    width: 100%;
    
    
}
.baner h3{
	font-size: 50px;
	margin-top: 220px;
	
	
}
.baner h4 {
	font-size: 30px;
	padding-top: 20px;
	
}

.baner1{
    height: 500px;
    	text-align: center;
    	background-repeat:no-repeat;
}

.baner1 h3{
	font-size: 50px;
	margin-top: 100px;
	
	
}
.baner1 h4 {
	font-size: 30px;
	padding-top: 20px;
	
}

.fy {
	width: 100px;
	height: 50px;

	color: #000000;
	margin: 0 auto;


}

.anli {
	margin: 0 auto;
	height: 270px;
	width: 100%
}

.anli1 {

	height: 100%;
	padding: 20px;

}

.anli1 img {
	width: 100%;
	height: 100%;


}

.anli2 {
	background-color: rgba(0, 0, 0, 0.5);

	padding-top: 8px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 4px;
	margin-top: -40px
}

.anli2 p {
	font-size: 10px;
	color: #FFFFFF;
	line-height: 1.5;



}

.anli h4 {
	text-align: center;
	line-height: 1.5;
}

.anli p {
	margin-top: 5px;
}

.anlit {
	width: 340px;
	height: 230px;
	background-size: 100% 100%;
}

.yyfl1 {
	background-color: #0071b7;
	width: 250px;
	height: 410px;
	margin-top: 5px;
	margin-right: 5px;
	padding: 15px;


}

.yyfl {
	padding: 0px;
	margin-left: 8px;
	height: 450px;



}

.yyfl2 {
	width: 425px;
	height: 200px;
	margin: 5px;


}

.yyfl1 h3 {
	color:#a2ff00;
}


.yyfa{

   width:1170px;
   height: 430px;
 
   margin:0 auto;

}
.yyfa1{
	margin-bottom: 50px;
	transition: all 0.3s;



}
.yyfa2{
	
	width:100%;
	height: 92px;
		box-shadow: 1px 0px 8px #888888;
	
	
		
	  
}

.yyfa2 h3{
	
	background-color: #00a3e4;
	 padding: 24px;
	 margin-left: -35px;
	 font-size: 20px;

	
	 
}
.yyfa2 p{
	padding-top: 15px;
  
	
	
}
.yyfa3{
	background-color: #0071b7;
	height: 100%;
	width: 10px;
}

.yyfa2:hover{
	background-color: white;
	color: #000;

	
}
.yyfaa{


	 height: 300px;
	width: 100%;
	  box-shadow: 1px 0px 8px #888888;
	
	
	
}
.yyfa img{
	width: 100%;
	height: 100%;
		
	
	
}
.yyfl1 p {
	font-size: 12px;
	margin: 0px;
	margin-bottom: 5px;


}

.yyfl img {
	width: 100%;
	height: 100%;

}

.yyfl3 {
	margin-top: -205px;
	margin-left: 5px;
}

.yyfl4 {
	margin-left: -2px;
}

.ppx {

	margin: 0 auto;
	width: 1100px;
	height: auto;





}

.ppxq {
    background-color: #FFFFFF;
    width: auto;
	height: auto;
    border-radius: 10px;
    margin-top: -100px;
    box-shadow: 1px 2px 8px #888888;
    padding: 10px;
	overflow: hidden;
	margin-bottom: 100px;





}

.baner1 {
	width: 100%;
	height: 400px;
	background-size: 100% 100%;
}

.ppxq1 {

	height: 100%;

	padding: 20px;



}

.ppxq2 {

	height: 100%;
	
	border-radius: 10px;
	padding: 20px;
}
.ppxq2-1{
    border: 1px solid #B7BDE7;
    border-radius: 10px;
    height: auto;
    margin-bottom: 30px;
	
	
	
}

    

.ppxq2-1-1{
    background-color: #0071b7;
    /* [disabled]border-bottom-left-radius: 10px; */
    /* [disabled]border-bottom-right-radius: 10px; */
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    padding-left: 10px;
    height: 40px;


	
	
}
.ppxq2-1-1 p{
    line-height: 3;
    margin-left: 50px;
    color: white;
  
 
    
  
}
.ppxq2-1-1 h4{
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: 20px;
	
}
.ppxq2-1-2 img{
	width: 50px;
	height: 50px;
	position: absolute;
	margin-top: 10px;
}


.ppxq1-1 {
	background-color: #0071b7;
	border-radius: 5px;
	padding: 10px;
		color: #fff;
}

.ppxq1-1 p{
    color: #fff;
}

.ppxq1-1 a {
color: #fff;
	font-weight：bold;
}

.ppxq1-2 {
	margin-top: 10px;
	color: black;
}

.ppxq1-3 {
	
}

.ppxq1-4 img{
	width:90%
	
}

.ppxq1-3 p {
	margin: 0px;
	margin-left: 3px;
	font-size: 12px;
	margin-top: 10px;
}

.ppxq1-3-1 {
	margin-top: 50px;

}


.ppxq1-3-1 p {
	margin: 0px;
	margin-left: 3px;
	margin-top: 30px;
	margin-bottom: 30px;
}

.ppxq1-3-1 a {
	color: cornflowerblue;
}

.ppxq1-3-1 a:hover {
	color: blue;
}

.ppxq1-4 {
	font-size: 12px;
	margin-top: 50px;
	margin-bottom: 50px;
	width: 680px;
	overflow: hidden;
	text-align: center;
}
.ppxq2-1-3{
    
    padding-top: 10px;
    padding-right: 10px;
    padding-left: 10px;
    /* [disabled]padding-bottom: 10px; */
    height: 60px;
	
}

.ppxq2-1-3 p{
	margin-top: 13px;
}
.ppxq2-1-4{
    /* [disabled]padding-top: 30px; */
    padding-right: 30px;
    padding-left: 30px;
    /* [disabled]padding-bottom: 30px; */
    margin-left: 15PX;
    color: #000000;
	padding-bottom: 20px;
	margin-top: 30px;
	
	
	
	
	
	
	
}
.ppxq2-1-4 li{
	list-style-type: disc;
	margin-top: 10px;

	
	
	/* border-bottom: 1px solid #000000; */
}
#tags .tags0{background-color: #CC3300;padding: 5px;line-height: 3;}
#tags .tags1{background-color: #CC3300;padding: 5px;line-height: 3}
#tags .tags2{background-color: #339900;padding: 5px;line-height: 3}
#tags .tags3{background-color: #FF9933;padding: 5px;line-height: 3}
#tags .tags4{background-color: #0099CC;padding: 5px;line-height: 3}
#tags .tags5{background-color: #00CCCC;padding: 5px;line-height: 3}
#tags .tags6{background-color: #99CC66;padding: 5px;line-height: 3}
#tags .tags7{background-color: #339999;padding: 5px;line-height: 3}
#tags .tags8{background-color: #FF6699;padding: 5px;line-height: 3}
#tags .tags9{background-color: #B9C125;padding: 5px;line-height: 3}
#tags .tags10{background-color: #5C46E7;padding: 5px;line-height: 3}
#tags .tags11{background-color: #308C6E;padding: 5pxline-height: 3}
#tags a:hover{color:#FFFFFF;text-decoration:none;background-color:#5331FF;}

.p2tag{
	padding: 20px;

}
.jz{
	height: auto;
	margin-top: 50px;
	
}
.jz1{
	background-color: #fff;
	height: 270px;
	width: 250px;
	
	margin-right: 30px;
	box-shadow: 5px 5px 10px #888888;
	margin-bottom: 30px;
	

	
	
}
.jz1 img{
	max-width:100%;
	 max-height:180px;
	
}
.jz1 p{
	text-align:center;
	line-height: 15;
	margin: 0px;
	padding: 6px;
	
}

.jz1 h5{
	color: gray;
	text-align: center;
	
}
.hx{
	width: 100px;
	border-bottom: 1px solid gray;
	margin: 0 auto;
	margin-top: 10px;
}

	
		.ccp{
			
			height: 400px;
			width: 500px;
			margin-left: 20px;
		
		}
			
.ccp2{
	color: black;
	margin-left: 600px;
	margin-top: -400px;
	padding-bottom: 30px;
	
	

}
.cccp{
	background-color: #fff;
	margin-top: -60px;
	border-radius: 10px;
	box-shadow: 5px 5px 10px #888888;
	margin-bottom: 50px;
	padding-top: 50px;
	/* padding-bottom: 50px; */


}
.kpjs{
	/* box-shadow: 5px 5px 10px #888888; */
	border-radius: 10px;
}
.kpjs p{
	line-height:2;
	font-size: 16px;
	color: gray;
margin-top: 50px;
	
}
.kpys{
	/* background-color: aqua; */
	height: 440px;
margin: 10px;
width: 360px;
box-shadow: 5px 5px 10px #888888;
border-radius: 10px;
padding: 20px;
margin-right: 10px;

}

.kpys h1{
	color: #00a3e4;
	margin-top: 0px;
	margin-left: 10px;
}

.kpyi img{
	width: 310px;
	height: 220px;
	margin-left: 7px;
	margin-top:-10px;
	
}
.kpyi p{
	width: 305px;
	margin-top: 15px;
	text-indent: 0.7cm;
}

.kpimg{
	text-align: center;
	
}
.kpyy{
	width: 100%;
	margin: 0 auto;
	text-align: center;
	}
	
}
.kpyy img{
	width: auto;
	}

.kpimg img{
	width: 1100px;
	
	
	
}
.kpyycj{
	width: 1300px;
	margin: 0 auto;

	
}
.kpyycj img {
	width: 1300px;
	
	
}
.kpyycj1{
	text-align: center;
	padding-bottom: 150px;
	 background-size:100% 100%;
	 height:300px ;

}


.kpyycj2{
	background-color: black;
	width: 376px;
	height: 300px;
	opacity: 0.5;
	margin-left: -15px;
	
	
	
}
.kpyycj1 p{
	font-size: 25px;
    color: #fff;
	line-height: 12;
	
}
.cp2 h2{
	margin-bottom: 20px;
}
	.ccp2 p{
		margin: 0;
		padding: 0;
		line-height: 2.3;
		font-size: 16px;
	}
	.ccp3{
		border-bottom: 1px solid blue;
		width: 65px;
		height: 40px;
	}
	.ccp4 p{
		line-height: 1.5;
		margin-top: 20px;
		font-size: 14px;
		width: 390px;
	
		color: gray;
	}
	.cpbt{
		margin-top: 15px;
		
	}
	.cpbt button{
		padding: 13px;
		background-color:#0071b7;
		border: 2px solid aliceblue;
		border-radius: 6px;
		color: aliceblue;
	}
.cpbt button:hover{
		background-color: #00a3e4;
	}
.cptp{
	
	height: 400px;
	width: 1500px;
	margin: 0 auto;
		margin-bottom: 30px;
	
}
.cptp1{

	width: 360px;
	height: 360px;
	padding: 20px;

}
.cptp img{
	width: 100%;
	height: 100%;
	border-radius: 10px;
	box-shadow: 1px 1px 3px #888888;

	
	}
	
	.kptp{
		
		height: 300px;
		width: 1200px;
		margin: 0 auto;
			
			margin-top: 30px;
		
	}
	.kptp1{
	
		width: 300px;
		height: 300px;
		padding: 20px;
	
	}
	.kptp img{
		width: 100%;
		height: 100%;
		border-radius: 10px;
		box-shadow: 1px 1px 3px #888888;
	
		
		}
		.kpxq{
			height: 300px;
			background-color: #f5f5f5;
			margin: 10px;
		
		
			
		}
		.kpxqi img{
			width: 650px;
			height: 300px;
			
			margin-left: -15px;
		}
		.kpal{
			height: 250px;
			padding: 10px;
			
		}
		.kpal img{
			width: 100%;
			height: 250px;
		}
		
	.cpjs{
		background-color:#0071b7;
	
		width: auto;
		height: auto;
		margin: 0 auto;
		overflow: hidden;
		padding-bottom: 40px;
		padding-top: 20px;
	}
	.kpxqp{
		padding: 50px;
	}
	.kpxqp h3{
		color: black;
		margin-top: -20px;
		
	
	}	
	.kpxqp p{
		font-size: 16px;
		padding-top: 20px;
		margin-left: 0px;
		color: gray;
		line-height: 2;
	}
	.kpxqp2 {
		width: 50px;
		height: 6px;
		background-color:#00a3e4;
		margin-top: 20px;
		
		
		
		
	}	
	
	.cpjs h3{
		color: white;
		text-align: center;
		
		font-size: 30px;
		padding-top: 20px;
		padding-bottom: 40px;
		
	}
	.cpjs1{
		margin-left:450px;
		color: white;
		width: 700px;
		
	}
	.cpjs1-1{
	    margin-left: 80px;
	    
	    
	}
		.cpjs1-2{
	    margin-left: 130px;
	    
	    
	}
	.cpjs2{
		color:white;
	}
	.cpjs2 p{
			color: white;
	}
	.cpjs p{
		margin: 0;
		padding: 0;
		font-size: 20px;
		line-height: 2;
		color: white;
		
	}
	.cpjs h4{
		
		font-size: 26px;
		padding-bottom: 10px;
	}

.cpdt{
	width: 100%;
	height: 100%;
	
	padding: 20px;
	
}
.cpdt img{
	width: 100%;
	height: 100%;
}
.cpjs3{
	
	margin-left: -20px;
	margin-top:-80px;
padding: 10px;
width: 450px;

	
}
.cpjs3 img{
	width: 100%;
	height: 100%;
		
}
.cplb{
    height: 450px;
    /*background-color: #ABF5F5;*/
    margin: 0 auto;
    width: 1300px;
    margin-top: 50px;
   
    margin-bottom: 50px;
	
}
.checkdetail{
	width: 100px;
	height: 20px;
	margin-left: 25px;
	
	
}
.checkdetail img{
	margin-top: 10px;
	margin-left:20px;
}
.ban1{
	margin-top: 70px;
	margin-left: 400px;
		color: black;
	font-size: 25px;

}

.ban1 p{
	line-height: 1.5;
	
}
.ban2 {
	width: auto;
	height: 500px;
	margin-top: 20px;
    margin-left: 200px;
}
.ban2 img{

	height: 400px;
	width: auto;
	
	
	}
	.gs{
		height: auto;
	
		height: 500px;
		
	}
	.gstp{
		width: 600px;
		margin-left: -60px;

		
		
	}
	.gs img{
		width: 600px;
		height: auto;
		padding: 40px;
		margin-top: 20px;
		border-radius: 10px;
	}
	.gsp img{
		width: 300px;
		margin-top:35px;
		
		
	}
	.gsp p{
		
		margin-left: 40px;
		font-size: 16px;
		line-height: 1.8;
		color: gray;
	}
	.gsp {
		width: 500px;
		
	}
	.gstp1{
		height: 500px;
		width: 100%;
	}
.gstp1 img{
	height: 100%;
	width: 100%;
}
.gs2 img{
	width:100% ;
}
.gs2p {
	color: black;
		box-shadow:2px 2px 5px #888888;
	margin-top: 10px;
	width: 275px;
	margin-right: 10px;
	padding: 20px;
}
.gs2p p{
	margin: 0;
	color: gray;
}
.gs2p h3{
	padding-bottom: 10px;
}
.zs img{
	width: 100%;
}
.jl{
	width: 100%;
	padding-top: 50px;

	
	
}
.jl img{
	width: 100%;
}
.ztyy1{

	width:300px;
	margin-right: 30px;
	margin-left: 35px;
	height: 340px;
	border-radius: 10px;
	box-shadow:2px 2px 5px #888888;
	color: #000;
}
.zttp img{
	width: 100%;
	height: 100%;
	
}
.zttp{
	width: 100%;
	height: 260px;
	padding: 20px;
}
.ztyy{
	margin: 0 auto;
	width: 1100px;
}
.ztp{
	text-align: center;
	
}
.ztp p{
	margin: 0;
	line-height: 3;
	color: gray;
}
.gdsp{
	text-align: center;
	
}

.gdsp video{
    
    width: 70%!important;
    height: auto!important;
            object-fit:fill;
}
.gdsp p{
	font-size: 20px;
	color: gray;
	word-spacing: 15px;
	padding-bottom: 20px;
	
	}
	.gdsp video{
		width: 900px;
	}
	.xtzc{
		width: 100%;
		margin: 0 auto;
		
	}
	.xtzc{
		text-align: center;
	}
	.gdyy{
	
		height: auto;
		overflow: hidden;
		border-radius: 10px;
	box-shadow:2px 2px 5px #888888;
	margin-bottom: 30px;
	color: #000;
		
		}
		
		.gdyy1 {
			width: 550px;
			padding: 40px;
			height: 400px;
			
		}
		.gdyy1 img{
			
			height: 100%;
			width: 100%;
		}
		.gdyy2{
			padding: 40px;
			padding-top: 55px;
			width: 550px;
			
		}
		.gdyy2 p{
			margin: 0 auto;
			line-height: 2;
			color: grey;
		}
		.gdyy2 h3{
			margin-bottom: 15px;
		}
		.gdyy2 h4{
			color: #ff0000;
			margin-top: 20px;
		border-style:solid;
			padding: 5px;
			
			
			}
		.djyp{
			color: gray;	
			text-align: center;
			margin: 0 auto;
			width: 1300px;
			
		}
		.djyp img{
			width: 100%;
			height: auto;
			margin-top: 50px;
			
		}
		.swt{
			text-align: center;
			color:gray;
		
		}
		.swt IMG{
			
			width: 100%;
			height: 100%;
			margin-top: 20px;
		}
		.cgan1{
			width: 350px;
			height: 250px;
		
			margin: 10px;
			background-size:cover;
			border: 3px solid #0071b7;
			
		}
		.cgann{
		    
		    background-color: rgba(0, 0, 0, 0.5);
		    width: 100%;
		    height: 50px;
		    margin-top: 195px;
		}
		.cgann p{
		    text-align: center;
		    line-height: 2.5;
		    color: #fff;
		    font-size: 20px;
		    
		   
		}
		
		.cgan1 p{
		    
		    
		}
		.cgan{
			padding-bottom: 20px;
		}
		


		.cgan img
		{
			width: 100%;
			height: 100%;
			
		}
		.cgan3{
			background-color: #0071b7
;

			margin: 10px;
			width: 200px;
			
	    	height: 40px;
			text-align: center;
			border-radius: 20px;
			
			
			
		}
		.cgan3 p{
		    color: white;
		    font-weight:bold;
		    padding-top: 10px;
		    font-size: 12px;
		}
		.cgan2{
			margin: 0 auto;
			width: 1100px;
		
		}
		.gdyy2 h5{
			font-size: 17px;
			margin-bottom:8px;		
			}
			.sgt{
				width: 100%;
				height: auto;
				margin-top: 40px;
				
			}
			.sgt img{
				width: 100%;
			}
			.sgt1{
				text-align: center;
			}
		.sgt1 img{
			width: 800px;
			
		}
		.jchg1{
			background-color: aqua;
			text-align: center;
			padding: 20px;
			margin: 10px;
			width: 350px;
			border-radius: 10px;
			
		
	
		}
		.jchg1 img{
			width: 100%;
			height: 100%;
			
			}
			.jchg1-2{
				width: 100%;
				height: 100%;
				margin: 0 auto;
			}
			.jchg{
				color: #000;
				
				
			}
			.jchg1 p{
				height: 30px;
				margin-top: 10px;
			}
			.jchg1 h3{
				margin-top: 10px;
				margin-bottom: 10px;
				padding: 5px;
				font-size: 20px;
				
			
				
			}
			.jchg1-1{
			background-color: gray;
				height: 5px;
				width: 30px;
				margin: 0 auto;
				margin-top: 50px;
				
			}
			.jchg4{
			background-color: deepskyblue;
				width: 120PX;
				height: 40px;
				text-align: center;
				margin-left: 500px;
				border-radius: 20px;
				margin-top: 30px;
			
			}
			.jchg4 p{
				font-size:16px;
				margin-top: -10px;
					color: aliceblue;
			}
			.jchg4:hover{
				background-color: blue;
			
			}
		.gjfc{
			color: cadetblue;
			text-align: center;
		
			height: 600px;
			
			
			
			
			
			
		}
		.gjfc1 {
			width: 470px;
			height: 280px;
		
			padding: 10px;
			margin-left: 10px;
			margin-bottom: 10px;
			
			
			
		}
		.gjfc1 img{
			width: 100%;
			border-radius: 10px;
			
			
		}
		.gjfc1-1{
			width:970px;
			height: 100%;
			margin: 0 auto;
		
			margin-top: 20px;
			
		}
		.yzs1{
			width: 550px;
			height:400px;
			margin-top: 20px;
			margin-right: 20px;
		}
		.yzs{
			width: 100%;
			height: 600px;
			margin-top: 50px;
		}
		.yzs1 h3{
			margin-top: 20px;
			margin-left: 10px;
			
		}
		.yzs1 h3:hover{
			color:blueviolet
			
		}
		
		.yzs2{
			width: 550px;
			height:400px;
			opacity:0;
			margin-left: -15px;
			padding: 10px;
			margin-top: -45px;
			
				
					}
					.yzs2:hover{
					   background-color: rgba(0,0,0,0.50);
						opacity:1;
					}
					.yzs2 p{
					color: aliceblue;
					margin-top: 50px;
					width: 300px;
					
					
				}
				.cgt{
					width: 1100px;
				
				}
				.cgt img {
					width: 100%;
					padding-top: 40px;
				}
				.yyz{
					width: 1100px;
					
					margin: 0 auto;
					
				
					
				}
				.yyz img{
					width: 1100px;
					height: auto;
					
					
					
				}
				.yzvr{
						margin-top:100px;
						width: 100%;
						height: auto;
						padding: 50px;
						/*margin-left:35px;*/
					
						
						}
					
						
				.yzsvr{
					box-shadow:2px 2px 5px #888888;
					/*height: 350px;	*/
					/*		width: 280px;*/
							text-align: center;
							border-radius: 5px;	
						
												
							
							
							}
							.yzsvr img {
								width: 100%;
								height: auto;
							margin-top: 10px;
							}
						
							.yzsvr h4{
							color: black;
							margin-top: 20px;
							
							
							}
							.yzsvr p{
								margin-top: 10px;
								padding-bottom: 20px;
								
							}
							.yzsvr2{
								background-color: aqua;
								height: 5px;
								width: 30px;
								margin: 0 auto;
								margin-top: 15px;
							}
							.tyg{
								box-shadow:2px 2px 5px #888888;
								height: auto;
								margin: 10px;
								margin-top: 60px;
								padding-top: 20px;
								border-radius: 5px;
								width: 360px;
							}
							.tyg img{
								width: 90%;
								margin-left: 25px;
							
								
							}
							.tygi{
								width: 350px;
								height: 250px;
								
								margin: 0 auto;
								
								}
								.tyg h3{
									text-align: center;
									font-size: 21px;
							
										padding-left: 10px;
										padding-top: 12px;
								}
								.tyg p{
									padding-left: 20px;
									padding-right: 20px;
									font-size: 16px;
									color: #686b81;
									margin: 10PX;
									
							
								}
								.tyg2{
									background-color: cornflowerblue;
									width: 80%;
									margin: 0 auto;
									height: 50px;
									border-radius: 30px;
							
										
									
									
								
									
								}
								.tygg2{
								
									width: auto;
									border-bottom: 2px;
										padding: 10px;
									
									
								}
								.yzsvr3{
									background-color: cornflowerblue;
									height: 2px;
									width: 270px;
									margin-left: 30px;
									
									
								}
						.dyyx{
							width: 90%;
							height: auto;
							margin: 0 auto;
							}
						.dyyx img{
							width: 100%;
						}
						.gssl{
							width: 1400px;
							margin: 0 auto;
						}

		 .tabq ul{
            width:100%;
           /* background: #F9F5F1; */
            padding-left: 0px;
            padding-right: 0px;
            border-top: 1px solid #999;
        }

       .tabq li{
            width: 100px;
            height: 30px;
            display: inline-block;
            line-height: 30px;
           
            padding-left: 10px;
        }
	   .tabq{
		   position: relative;
	   }
	   .tabq .underline{
		   width: 105px;
		   background-color: #0071b7;
		   height: 2px;
		   position: absolute;
		   /*margin-left: 5px;*/
		   /*top: 1px;*/
		   left: 0;
		   transition: left .3s linear;
		       color: #999;

	   }
        /*.current{*/
        /*    !* background:red; *!*/
		/*	border-top: 3px solid blue;*/
        /*}*/
        .item9:first-child{
            display: block;
        }
      
         .item9{
            width:100%;
            /*height: 200px;*/
          
         /*   background: red; */
            line-height: 30px;
            text-align: left;
            font-size: 13px;
            font-weight: 500;
            display: none;
            padding-top: 20px;
			
        }
	
		.tab_con{
			margin-top: -20px;
			
		}   
	
		.tabq li{
		        color: #3c3b3b;
		    font-size:18px ;
		     font-weight: 700;
		    
		}
        
		.item9 a{
			       margin: 0 10px 0px 0;
    display: inline-block;
    line-height: 1;
   
    color: #333;
    text-decoration: none;
    outline: 0;
    
		}
		
		 .item9 a:hover{color:red} 
		/*.tab_con{*/
		/*	margin-top: -20px;*/
			
		/*}   */
		 
						
						.gssll{
							width: 600px;
							height: 350px;
							margin: 50px;
							margin-top: 0px;
						}
						.gssll img{
							width: 100%;
							height: 100%;
							
							
						}
						.gssll p{
							text-align: center;
							margin-top: 10px;
						}
						.sdys img{
							
							/*width: 800px;*/
							
						}
						.sdys{
							text-align: center;
						}
						.bt1 h4{
							
						 color: cyan;
							
						}
						.bt1 p{
							
						 color: cyan;
							
						}
						
						
.side.ol,ul{list-style:none}
.side.a{text-decoration:none;color:#686868}
.side.img{border:0}
.side{position:fixed;width:78px;right:0;top:50%;margin-top:-200px;z-index:100;border:1px solid #e0e0e0;background:#fff;border-bottom:0}
.side ul li{width:78px;height:78px;float:left;position:relative;border-bottom:1px solid #e0e0e0;color:#333;font-size:14px;line-height:38px;text-align:center;transition:all .3s;cursor:pointer}
.side ul li:hover{background:#0071b7;color:#fff}
.side ul li:hover a{color:#fff}
.side ul li i{height:25px;margin-bottom:1px;display:block;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:auto 25px;margin-top:14px;transition:all .3s}
.side ul li i.bgs1{background-image:url(../image/right_pic5.png)}
.side ul li i.bgs2{background-image:url(../image/right_pic7.png)}
.side ul li i.bgs3{background-image:url(../image/right_pic2.png)}
.side ul li i.bgs4{background-image:url(../image/right_pic1.png)}
.side ul li i.bgs5{background-image:url(../image/right_pic3.png)}
.side ul li i.bgs6{background-image:url(../image/right_pic6_on.png)}
.side ul li:hover i.bgs1{background-image:url(../image/right_pic5_on.png)}
.side ul li:hover i.bgs2{background-image:url(../image/right_pic7_on.png)}
.side ul li:hover i.bgs3{background-image:url(../image/right_pic2_on.png)}
.side ul li:hover i.bgs4{background-image:url(../image/right_pic1_on.png)}
.side ul li:hover i.bgs5{background-image:url(../image/right_pic3_on.png)}
.side ul li .sidebox{position:absolute;width:78px;height:78px;top:0;right:0;transition:all .3s;overflow:hidden}
.side ul li.sidetop{background:#0071b7;color:#fff}
.side ul li.sidetop:hover{opacity:.8;filter:Alpha(opacity=80)}
.side ul li.sideewm .ewBox.son{width:238px;display:none;color:#363636;text-align:center;padding-top:235px;position:absolute;left:-240px;top:0;background-image:url(../image/ewm.jpg);background-repeat:no-repeat;background-position:center center;border:1px solid #e0e0e0}
.side ul li.sideetel .telBox.son{width:240px;height:237px;display:none;color:#fff;text-align:left;position:absolute;left:-240px;top:-79px;background:#0071b7}
.side ul li.sideetel .telBox dd{display:block;height:118.5px;overflow:hidden;padding-left:82px;line-height:24px;font-size:18px}
.side ul li.sideetel .telBox dd span{display:block;line-height:28px;height:28px;overflow:hidden;margin-top:32px;font-size:18px}
.side ul li.sideetel .telBox dd.bgs1{background:url(../image/right_pic8.png) 28px center no-repeat;background-color:#0071b7}
.side ul li.sideetel .telBox dd.bgs2{background:url(../image/right_pic9.png) 28px center no-repeat}
.side ul li:hover .son{display:block!important;animation:fadein 1s}
@keyframes fadein{from{opacity:0}
to{opacity:1}
}